<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title></title>
    <meta content="" name="keywords">
    <meta content="" name="description">
    <link rel="stylesheet" href="css/8.css">
    <link rel="stylesheet" href="css/layui-all/plugins/layui/css/layui.css">
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="css/layui-all/plugins/layui/layui.js"></script>
    <script type="text/javascript">
        !function () {
            var htmlEl = document.getElementsByTagName('html')[0];
            var fitPage = function () {
                /* The calculate of with from zepto  */
                var w = htmlEl.getBoundingClientRect().width;
                w = Math.round(w);
                w = w > 750 ? 750 : w;
                var newW = w / 750 * 100;
                htmlEl.style.fontSize = newW + 'px';
            }
            fitPage();
            var t;
            var func = function () {
                clearTimeout(t);
                t = setTimeout(fitPage, 25);
            }
            window.addEventListener('resize', func);
        }();
    </script>
</head>
<body>
<header class="dc-header dc-header-fixed">

</header>
<section class="dc-content">
    <form class="layui-form" action="">
        <div class="dc-7-box">
            <div class="dc-7-box-title">
                配送信息
            </div>
            <div class="select-box">
                <div class="layui-form-item">
                    <label class="layui-form-label"
                           style="padding: 0;margin: 0;margin-top:0.19rem;width: .9rem;padding-right:0.25rem;border-right: 0.01rem solid #ccc;">园区</label>
                    <div class="layui-input-inline" style="margin: 0 0 0 1.4rem;margin-top: 0.14rem">
                        <select name="quiz3">
                            <option value="">请选择</option>
                            <option value="黄埔区">黄埔区</option>
                            <option value="静安区">静安区</option>
                            <option value="松江区">松江区</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="select-box" style="width: 48%;display: inline-block">
                <div class="layui-form-item">
                    <label class="layui-form-label"
                           style="padding: 0;margin: 0;margin-top:0.19rem;width: .9rem;padding-right:0.25rem;border-right: 0.01rem solid #ccc;">楼号</label>
                    <div class="layui-input-inline" style="margin: 0 0 0 1.4rem;margin-top: 0.14rem">
                        <select name="quiz3">
                            <option value="">请选择</option>
                            <option value="黄埔区">黄埔区</option>
                            <option value="静安区">静安区</option>
                            <option value="松江区">松江区</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="select-box" style="width: 48%;display: inline-block;margin-left: 0.1rem;">
                <div class="layui-form-item">
                    <label class="layui-form-label"
                           style="padding: 0;margin: 0;margin-top:0.19rem;width: .9rem;padding-right:0.25rem;border-right: 0.01rem solid #ccc;">楼层</label>
                    <div class="layui-input-inline" style="margin: 0 0 0 1.4rem;margin-top: 0.14rem">
                        <select name="quiz3">
                            <option value="">请选择</option>
                            <option value="黄埔区">黄埔区</option>
                            <option value="静安区">静安区</option>
                            <option value="松江区">松江区</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="select-box">
                <div class="layui-form-item">
                    <label class="layui-form-label"
                           style="padding: 0;margin: 0;margin-top:0.19rem;width: 1.4rem;padding-right:0.25rem;border-right: 0.01rem solid #ccc;">详细位置</label>
                    <div class="layui-input-inline" style="margin: 0 0 0 1.9rem;margin-top: 0.14rem">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入(不超过50字)"
                               class="layui-input">
                    </div>
                </div>
            </div>
            <div class="select-box">
                <div class="layui-form-item">
                    <label class="layui-form-label"
                           style="padding: 0;margin: 0;margin-top:0.19rem;width: 1.6rem;padding-right:0.25rem;border-right: 0.01rem solid #ccc;">联系手机号</label>
                    <div class="layui-input-inline" style="margin: 0 0 0 2.2rem;margin-top: 0.14rem">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                               class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="dc-7-box">
            <div class="dc-7-box-title">
                支付方式
            </div>
            <div class="select-box">
                <div class="layui-form-item">
                    <label class="layui-form-label"
                           style="padding: 0;margin: 0;margin-top:0.19rem;width: 1.4rem;padding-right:0.25rem;border-right: 0.01rem solid #ccc;">支付方式</label>
                    <div class="layui-input-inline" style="margin: 0 0 0 1.9rem;margin-top: 0.14rem">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="职工卡"
                               class="layui-input">
                    </div>
                </div>
            </div>
        </div>
        <div class="dc-7-box">
            <div class="dc-7-box-title">
                备注
            </div>
            <textarea style="margin-top: 0.2rem;" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
        <div class="dc-7-last-box">
            <div class="dc-7-last-box-inner">
                <div class="dc-7-box-title">
                    订单明细
                </div>
            </div>
            <hr class="dc-7-box-line"/>
            <div class="dc-7-last-box-inner">
                <div class="datetime">2017-02-24&nbsp;周五</div>
                <div class="dc-7-box-title" style="border: none;font-size: 0.28rem;">
                    早餐
                </div>
                <div class="goods-list">
                    <span>老上海糖醋排骨</span>
                    <span class="item-right"><span class="item-count">x1</span><span class="red">￥10.5</span></span>
                </div>
                <div class="goods-list">
                    <span>老上海糖醋排骨</span>
                    <span class="item-right"><span class="item-count">x1</span><span class="red">￥10.5</span></span>
                </div>
                <hr class="dc-7-box-line"/>
                <div class="goods-list">
                    <span>餐盒费</span>
                    <span class="item-right"><span class="red">￥10.5</span></span>
                </div>
                <hr class="dc-7-box-line"/>
                <div class="goods-list">
                    <span class="dc-7-box-title" style="border: none;font-size: 0.28rem;">合计支付</span>
                    <span class="item-right"><span class="red">￥10.5</span></span>
                </div>
            </div>
        </div>
        <div class="dc-7-box" style="padding: 0.27rem 0;margin-bottom: 0">
            <div class="dc-7-box-title" style="border: none;font-size: 0.35rem;display: inline-block;">
                需支付&nbsp;<span style="color: #EE6515;">￥10.5</span>
            </div>
            <div class="dc-7-pay-btn dc-btn">去支付</div>
        </div>
    </form>
</section>

<div id="load-box">
    <div class="dc-close">×</div>
    <div class="floor-box">
        <div class="floor-title" style="font-size: 0.3rem;letter-spacing: 0.04rem;">
            订单号
        </div>
        <hr class="dc-7-box-line"/>
        <div class="floor-box-content">
            <span>xxxxxxxx</span>
            <div CLASS="floor-title">
                ￥10.5
            </div>
            <div>
                <span style="color: #C5C5C5">支付剩余时间</span>&nbsp;&nbsp;&nbsp;<span style="color: #EE620B">10:00</span>
            </div>
        </div>
        <hr class="dc-7-box-line"/>
        <div class="floor-box-pay-style">
            <span class="left">职工卡</span>
            <span class="right">
                <div class="dc-1-icon-box">
                    <div class="dc-1-icon"></div>
                </div>
            </span>
        </div>
        <hr class="dc-7-box-line"/>
        <div class="floor-pay-btn">
            确认支付
        </div>
    </div>
</div>
<script src="js/index.js"></script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
    });
    function func(){
        $(".layui-input").css("height","0.753rem")
    }
    $(function(){
        setInterval(func, 50 )
    })
</script>
</body>
</html>